<template>
  <div>
    <div class="biaoxian_title">
      <h3>学习成绩</h3>
    </div>
    <div
      class="two_box xwzx_box"
      id="two_box"
      style="display: block;"
      v-for="item in scoreList"
      :key="item[0]"
      
    >
      <table  class="biaoxian_table" cellspacing="0" cellpadding="0">
        <caption class="biaoxian_cap">
          {{
            item.examinationName
          }}
          排名：{{item.classRanking}}
          考试编号：{{
            item.lsid
          }}
        </caption>
        <tbody
          v-for="(project, name) in item.examinationResultsMap"
          :key="project"
        >
          <tr>
            <th scope="col">{{ name }}</th>
            <td>{{project}}</td>
            <!-- <th scope="col">数学</th>
            <th scope="col">英语</th>
            <th scope="col">物理</th>
            <th scope="col">化学</th>
            <th scope="col">地理</th>
            <th scope="col">历史</th>
            <th scope="col" style="border-right:none;">体育</th> -->
          </tr>
          <tr>
            <!-- <td id="yw">{{ project }}</td> -->
            <!-- <td id="sx">92</td>
            <td id="yy">94</td>
            <td id="wl">0</td>
            <td id="hx">0</td>
            <td id="dl">0</td>
            <td id="ls">0</td>
            <td style="border-right:none;" id="ty">95</td> -->
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
export default {
  name: "StudentScore",
  props: {
    scoreList: {
      type: Array,
      defalut() {
        return [
          {
            classRanking: 2,
            examinationName: "期末考试",
            examinationResultsMap: {
              化学: 80,
              数学: 88,
              物理: 77,
              英语: 100,
              语文: 99
            },
            lsid: 2
          }
        ];
      }
    }
  },
  data() {
    return {
      isShow:false
    };
  },

  components: {},

  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {},

  watch: {
    scoreList(){
      this.isShow=true
    }
  },
  created() {
    console.log(this.scoreList);
  }
};
</script>
<style scoped lang="scss">
.two_box {
  width: 100%;
  padding-top: 10px;
}
.biaoxian_title {
  background: url(../../../../../assets/image/charity/personDonation/hopeStart/recommender.png)
    no-repeat;
  height: 130px;
  line-height: 130px;
  background-position: 50%;
  width: 90%;
  background-size: 100%;
  margin: 0 auto;
}
.biaoxian_title h3 {
  padding-top: 14px;
  padding-left: 60px;
  font-weight: bold;
}
.biaoxian_table {
  border: 1px #cdcec0 solid;
  border-top: none;
  border-collapse: separate;
  border-spacing: 1px;
  text-align: center;
  height: 100px;
  width: 90%;
  margin: 0 auto;
}
.biaoxian_table {
  border: 1px #cdcec0 solid;
  border-top: none;
  border-collapse: separate;
  border-spacing: 1px;
  text-align: center;
  height: 100px;
  width: 90%;
  margin: 0 auto;
}
.biaoxian_table th {
  width: 50%;
  background-color: #ebeeb0;
  border-right: 1px #cdcec0 solid;
}
.biaoxian_table td {
  width: 50%;
  border-top: 1px #cdcec0 solid;
  border-right: 1px #cdcec0 solid;
}
.biaoxian_cap {
  height: 35px;
  line-height: 35px;
  border: 1px #cdcec0 solid;
  background-color: #c2cc0f;
}
.xiao {
  border-top: none;
  border-collapse: separate;
  border-spacing: 1px;
}
</style>
